html {
height:100.02%;
}

body,h1,h2,h3,p,div,ul,ol,li,pre,code,img,button,form,embed,object,.postinfo .post-categories,input,blockquote,table,th,td {
margin:0;
padding:0;
}

body {
background:#9db98d;
color:#ffffff;
font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:10px;
line-height:1.5em;
}

img{
border:none;
}

fieldset {
border:1px solid #9db98d;
clear:left;
margin:1em 0pt;
padding:5px;
color: #111;
}

legend, h1 {
color:#fff;
font-size:135%;
font-weight:bold;
letter-spacing:-0.07em;
line-height:1;
padding:0pt 0.5em;
}

a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}

a:hover, a:focus{
	background-color:#9db98d;
border-bottom:1px solid #627855;
}

.ad{
	width: 730px;
	margin: 3px auto;
}

/** -- Form -- **/
.inputtd {
width:200px;
}

form div.inline span {
display:inline-block;
vertical-align:middle;
}

form div.inline span input,form div.inline span textarea,form div.inline span select {
width:auto;
}

form input {
font-size:inherit;
vertical-align:middle;
}

form span {
background-color:#fff;
border:1px solid #627855;
display:block;
padding:1px;
}

form span input,form span textarea,form span select {
background-color:#F5F5F5;
border:1px solid #DADADA;
border-bottom-color:#DDD;
border-top-color:#C3C3C3;
color:#282828;
font-family:inherit;
font-size:inherit;
width:100%;
margin:0;
}

form span input:focus,form span textarea:focus,form span select:focus,form span:hover input,form span:hover textarea,form span:hover select {
background-color:#FFF;
}

form span.inline {
display:inline-block;
float:left;
margin-right:8px;
margin-top:3px;
width:auto;
}

form span.inline input {
background-color:transparent !important;
border:none;
width:auto;
}

form table {
width:100%;
}

td.endtd {
width:1%;
}

#control a{
display:block;
float:left;
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;

font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:110%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
padding:5px 10px 6px 7px; /* Links */
}

.btn img, #help img{
margin:0 3px -3px 0 !important;
padding:0;
border:none;
width:16px;
height:16px;
}
#control a:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
#control a:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/** -- Layout -- **/
#wrapper { 
margin: 0 auto;
width: 920px;
font-size: 1.1em;
}
#header {
color: #333;
width: 900px;
float: left;
height: 140px;
margin: 10px 0px 5px 0px;
padding:10px;
background: #819F70 url(img/plotrview.gif) center center no-repeat;
}
#donate{
width:100px;
float:right;
margin: 0 50px 0 0;
color:#fff;
font-weight:bold;
}
#navigation, #help {
float: left;
width: 900px;
color: #333;
padding: 10px;
margin: 0px 0px 5px 0px;
background: #819F70;
}
#leftcolumn { 
color: #333;
background: #819F70;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 900px;
width: 300px;
float: left;
}
#rightcolumn { 
float: right;
color: #333;
background: #819F70;
margin: 0px 0px 5px 0px;
padding: 10px;
height: 900px;
width: 573px;
display: inline;
}
#codeWrapper { 
width: 908px;
clear: both;
color: #333;
border: 2px solid #fff;
background: #3c3c3c;
margin: 0px 0px 5px 0px;
padding: 4px;
}
#footer { 
width: 900px;
clear: both;
color: #fff;
background: #819F70;
margin: 0px 0px 10px 0px;
padding: 10px;
text-align:center;
}

/** -- Code -- **/
#canvas{
float:left;
width: 470px;
padding: 10px;
position: relative;
}

#code{
	white-space:normal;
	color:#fff;
}

.comment{
	color:#9db98d;
}





